// pages/login/login.js
//引入登录校验规则
import {
    verifyPhone,
    verifyPassword
} from '../../utils/verify';
import request from '../../utils/request';
Page({

    /**
     * 页面的初始数据
     */
    data: {
        //定义两个数据，用来存储用户输入的手机号和密码
        phone: "",
        password: ""
    },

    //收集用户输入的手机号和密码
    inputHandler(e) {
        // console.log(e);
        const type = e.currentTarget.id
        const value = e.detail.value
        this.setData({
            [type]: value
        })
    },
    // 点击登录按钮的回调
    async loginHanler() {
        //校验手机号码
        if (!verifyPhone(this.data.phone)) {
            return wx.showToast({
                title: '手机号码格式不对！',
                icon: "error"
            })
        }
        //校验密码
        if (!verifyPassword(this.data.password)) {
            return wx.showToast({
                title: '密码格式不对！',
                icon: "error"
            })
        }
        try {
            //发送请求
            const res = await request({
                url: "/login/cellphone",
                data: {
                    phone: this.data.phone,
                    password: this.data.password
                }
            })
            // console.log(res);
            if (res.data.code === 200) {
                //把用户相关信息存储在 storage 中，在个人中心页面可以取出使用
                wx.setStorageSync('userInfo_key', res.data.profile)
                //使用 storage 存储 cookie 信息 后续发送某些请求时需要用到,因为有许多的接口需要发送 cookie
                wx.setStorageSync('cookies', res.data.cookie)
                //登录成功后跳转个人中心页
                wx.reLaunch({
                    url: '/pages/center/center',
                })
            }
        } catch (error) {
            wx.showToast({
                title: `登录失败, ${e.msg || e.message}`,
                icon: "error"
            })
        }
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})